<ion-header>
  <ion-navbar>
    <ion-title>注册账号</ion-title>
  </ion-navbar>
</ion-header>
<ion-content>
  <div class="g-panel no-padding register-list">
    <form [formGroup]="form" novalidate>
      <ion-item>
        <ion-label>手机号</ion-label>
        <ion-input placeholder="请输入手机号" type="tel" formControlName="cellphone" (ionBlur)="checkPhone()"></ion-input>
      </ion-item>

      <ion-item>
        <ion-label>密码</ion-label>
        <ion-input placeholder="6-12位数字、字母组合" type="password" formControlName="signPassword"></ion-input>
      </ion-item>

      <ion-item>
        <ion-label>验证码</ion-label>
        <ion-input placeholder="请输入验证码" minlength="6" maxlength="6" type="number" formControlName="verificationCode"></ion-input>
        <button ion-button item-end clear [disabled]="!canSendCode" (click)="sendCode()">
          {{canSendCode?'发送':'剩余'+sendTime+'秒'}}
        </button>
      </ion-item>
    </form>
  </div>
</ion-content>
<ion-footer class="g-footer-button primary small">
  <div class="footer-info">
    完成注册即代表同意 <span>《聚贤庄注册协议》</span>
  </div>
  <button ion-button full (click)="submit()">完成注册</button>
</ion-footer>
